.generate-spacing(@n, @i: 0) when (@i =< @n) {
  // 外边距
  .m-@{i} { margin: unit(@i, px); }
  .mt-@{i} { margin-top: unit(@i, px); }
  .mr-@{i} { margin-right: unit(@i, px); }
  .mb-@{i} { margin-bottom: unit(@i, px); }
  .ml-@{i} { margin-left: unit(@i, px); }
  .mx-@{i} { margin-left: unit(@i, px); margin-right: unit(@i, px); }
  .my-@{i} { margin-top: unit(@i, px); margin-bottom: unit(@i, px); }

  // 内边距
  .p-@{i} { padding: unit(@i, px); }
  .pt-@{i} { padding-top: unit(@i, px); }
  .pr-@{i} { padding-right: unit(@i, px); }
  .pb-@{i} { padding-bottom: unit(@i, px); }
  .pl-@{i} { padding-left: unit(@i, px); }
  .px-@{i} { padding-left: unit(@i, px); padding-right: unit(@i, px); }
  .py-@{i} { padding-top: unit(@i, px); padding-bottom: unit(@i, px); }

  // 宽度/高度
  .w-@{i} { width: unit(@i, px) !important; }
  .h-@{i} { height: unit(@i, px) !important; }
  .min-w-@{i} { min-width: unit(@i, px); }
  .min-h-@{i} { min-height: unit(@i, px); }
  .max-w-@{i} { max-width: unit(@i, px); }
  .max-h-@{i} { max-height: unit(@i, px); }
  .generate-spacing(@n, (@i + 2));

  // 字体大小
  .text-@{i} { font-size: unit(@i, px); }

  // 行高
  .leading-@{i} { line-height: unit(@i, px); }

  // 圆角
  .rounded-@{i} { border-radius: unit(@i, px); }
}

// 执行生成 (2-200 的偶数)
.generate-spacing(300);

.ml-auto {
  margin-left: auto;
}
.bg-white {
  background-color: white;
}
.text-main {
  color: #191F35;
}
.font-w-400 {
  font-weight: 400;
}
.font-w-500 {
  font-weight: 500;
}
.font-w-600 {
  font-weight: 600;
}
.font-w-900 {
  font-weight: 900;
}

